@charset "utf-8";
@import "common/reset";
@import "common/common";


body{
    background: url(../img/bodybeijing.png)repeat;
}
.mobile{
    header{
        .login{
            width: 100%;
            height: p(276);
            background: url(../img/zhongxinbeijing_02.png)no-repeat;
            .loginT{
                display: flex;
                font-size: p(36);
                color: white;
                justify-content: flex-start;
                .touxiang{
                    display: inline-block;
                    width: p(112);
                    height: p(112);
                    background: white;
                    border: p(6) solid #636277;
                    border-radius: 50%;
                    margin-left: p(55);
                    margin-top: p(85);
                    justify-content: center;
                    align-content: center;
                    img{
                        width: 100%;
                    }
                }
                p{
                    font-size: p(36);
                    color: white;
                    padding-left: p(45);
                    padding-top: p(96);
                    
                }
            }
            .loginU{
                display: flex;
                font-size: 0;
                justify-content: flex-end;
                margin-top: p(8);
                margin-right: p(24);
                a{
                    color: #c4c4c4;
                    font-size: p(20);
                }
            }
        }
    }
    
    section{
        display: flex;
        justify-content: center;
        ul{
            display: flex;
            width: p(602);
            justify-content: center;
            flex-wrap: wrap;
            margin-top: p(19);
            a{
                &:nth-of-type(1){
                    li{
                        margin-bottom: p(18);
                    }
                }
                width: 100%;
                display: flex;
                li{
                    display: flex;
                    width: p(600);
                    height: p(80);
                    background-color: white;
                    border: p(1) solid #cacbcd;
                    justify-content: space-between;
                    align-items: center;
                    padding-left: p(16);
                    padding-right: p(18);
                    .listL{
                        display: flex;
                        font-size: 0;
                        img{
                            width: p(36);
                            height: p(36);
                            margin-right: p(28);
                        }
                        span{
                            font-size: p(26);
                            color: #606060;
                        }
                    }
                }
            }
        }
    }
    
    
    footer{
        ul{
            li{
                &:nth-of-type(1){
                    p{
                        a{
                            color: black;
                        }
                    }
                }
                &:nth-of-type(4){
                    p{
                        a{
                            color: #FADE5D;
                        }
                    }
                }
            }
        }
    }
}
